<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "云分享");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style type="text/css">
	.tab li{
		min-width:120px;
		width:50%;
	}
	a{
		color:#000;
	}
	.claim-green-pipe .weui-grid{
		width:50%;
		padding: 5px 0px;
	}
	
	.thenews{
		padding:0px 20px;
		margin-top:15px;
		border-bottom: 4px solid #eee; 
		
	}
	
	.thenews>a>p{
		margin: 17px 0px;
		font-size:15px;		
	}
	
	.todaynews{
	font-size:15px;
		padding:0px 20px;
		margin-top:15px;
		border-bottom: 4px solid #eee; 
		height: 100px;
	}
	
	.todaynews>div{
		padding:6px
	}
	.todaynews>div>img{
		height: 70px;
	}
	.like{
		float: right;
		font-size: 18px;
	}
	.type{
		color:#afafaf;
		margin-top: 15px;
	}

	#train{
		width:100%;
		height:55px;
		background-color: #ebebeb;
	}
	

	.videodescription{
		padding:0px 20px;
		margin-top:15px;
		border-bottom: 4px solid #eee; 
		height: 140px;
		color: #afafaf;
	}
	
	.videodescription>div{
		padding:6px
	}
	.videodescription>div>p{
		margin-top: 5px;
	}
	.videodescription>div>img{
	margin-top:20px;
		height: 80px;
	}
	.videotitle{
		color: black;
	}
	.videofee{
		color: #ea693f;
	}



	
    .grid-button {
		width: 24.9%;
	}
	.color-blue {
		color: #2196F3;
	}
	.weui-btn {
		font-size: 0.7rem;
		padding: 0;
		overflow: visible;
	}
	.weui-btn: after {
		border: 0;
	}
	.weui-btn_default {
		background-color: #fff;
	}
	.weui-btn_primary {
		background-color: #017cde;
	}
	.weui-btn_primary:not(.weui-btn_disabled):active {
	  	color: rgba(255, 255, 255, 0.6);
	  	background-color: #017cde;
	}
	.weui-grid {
		padding: 10px 5px;
	}
	.weui-grid:before {
		border: 0;
	}
	.weui-grid:after {
		border: 0;
	}
	.weui-grids {
		background-color: #fbfbfb;
	}
	.weui-grids:before {
		border: 0;
	} 
</style>
<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>

<div>
	<div class="tab-container" data-id="claim-container" id="claim-tab">
		<ul class="tab tab-horizontal" style="">
			<li data-id="tab1" class="active">
				<span>资讯</span>
			</li>
			<li data-id="tab2" class="">
				<span>培训</span>
			</li>
		</ul>
	</div>
</div>

<div id="claim-container">

	<div class="tab-content active" id="tab1">	
<!-- 保险头条 -->	
		<div>
			<div style="text-align: center;">
				<span style="width:8rem;display: inline-block;font-size: 1.0rem;font-weight: 800;border-bottom: 0.08rem solid #ea693f;color:#ea693f;letter-spacing: 0.2rem;padding-top: 0.3rem;">保险头条</span>
			</div>
			<div class="thenews">
				<a href="<c:url value='/we/informationDetails' />">
					<img style="width:100%;display: block;" src="<c:url value='/images/we/index/WechatIMG3.jpeg' />" />
					<p>第二届互联网保险发展大会</p>
				</a>
			</div>
			<div class="thenews">
				<a href="<c:url value='/we/informationDetails' />">
					<img style="width:100%;display: block;" src="<c:url value='/images/we/index/WechatIMG5.jpeg' />" />
					<p>第二届互联网保险发展大会</p>
				 </a>
			</div>
			<div>				
				<a class="weui-cell weui-cell_access" href="<c:url value='/we/moreInformation' />">
				    <div class="weui-cell__bd"><p>更多</p></div>
				    <div class="weui-cell__ft"></div>
				</a>
			</div>												
		</div>

		<div style="width:100%;height:20px;background-color: #ebebeb;margin-top: 10px;"></div>
<!-- 今日推荐-->	
		<div style="margin-top: 15px;">
			<div style="text-align: center;">
				<span style="width:8rem;display: inline-block;font-size: 1.0rem;font-weight: 800;border-bottom: 0.08rem solid #ea693f;color:#ea693f;letter-spacing: 0.2rem;padding-top: 0.3rem;">今日推荐</span>
			</div>
			<div>			
				<a href="<c:url value='/we/informationDetails' />">
					<div class="weui-flex todaynews">
					    <div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
						 	<img style="width:100%;display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />  
					    </div>
					
					    <div class="weui-flex__item" style="flex-grow:2">
					        <p>位公益开跑 让保险为生活添色彩</p>
					        <p class="type">分类名称
								<span style="float: right;">
									<span class="like">&nbsp;&nbsp;&nbsp;2</span>
									<img class="like" style="width:30px;display: block;padding-top: 3px" src="<c:url value='/images/we/cloudSharing/eyes.png'/>" />								
								</span>							
							</p>
					    </div>
					</div>
				</a>
				
				<a href="<c:url value='/we/informationDetails' />">
					<div class="weui-flex todaynews">
					    <div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
						 	<img style="width:100%;display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />  
					    </div>
					
					    <div class="weui-flex__item" style="flex-grow:2">
					        <p>位公益开跑 让保险为生活添色彩</p>
					        <p class="type">分类名称
								<span style="float: right;">
									<span class="like">&nbsp;&nbsp;&nbsp;2</span>
									<img class="like" style="width:30px;display: block;padding-top: 3px" src="<c:url value='/images/we/cloudSharing/eyes.png'/>" />								
								</span>							
							</p>
					    </div>
					</div>
				</a>
				
				<a href="<c:url value='/we/informationDetails' />">
					<div class="weui-flex todaynews">
					    <div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
						 	<img style="width:100%;display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />  
					    </div>
					
					    <div class="weui-flex__item" style="flex-grow:2">
					        <p>位公益开跑 让保险为生活添色彩</p>
					        <p class="type">分类名称
								<span style="float: right;">
									<span class="like">&nbsp;&nbsp;&nbsp;5</span>
									<img class="like" style="width:30px;display: block;padding-top: 3px" src="<c:url value='/images/we/cloudSharing/eyes.png'/>" />								
								</span>							
							</p>
					    </div>
					</div>
				</a>
				
				<div>
				  <a class="weui-cell weui-cell_access" href="<c:url value='/we/moreInformation' />">
				    <div class="weui-cell__bd">
				      <p>更多</p>
				    </div>
				    <div class="weui-cell__ft">
				    </div>
				  </a>
				</div>							
			</div>
		</div>		
		<div style="width:100%;height:20px;background-color: #ebebeb;margin-top: 10px;"></div>			
	</div>
<!-- ============================培训============================================= -->
	<div class="tab-content" id="tab2">
		<div class="weui-tab">
			<div class="weui-navbar">
				<a class="weui-navbar__item weui-bar__item--on" href="#tab3"> 视频</a> 
				<a class="weui-navbar__item" href="#tab4"> 教程 </a>
			</div>
			<div class="weui-tab__bd">			
<!----------------------------------- 视频---------------------------------------------------->
				<div id="tab3" class="weui-tab__bd-item weui-tab__bd-item--active">
<!-- 预告视频 -->						
					<div>
						<div style="text-align: center;">
							<span style="width:8rem;display: inline-block;font-size: 1.0rem;font-weight: 800;border-bottom: 0.08rem solid #ea693f;color:#ea693f;letter-spacing: 0.2rem;padding-top: 0.3rem;">预告视频</span>
						</div>
						<div>									
							<a href="<c:url value='/we/videoDetail' />">
								<div class="weui-flex videodescription">
									<div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
										<img style="width:100%;display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />  
									</div>										
									<div class="weui-flex__item" style="flex-grow:2">
										 <p class="videotitle">趣味科普1</p>
										 <p>导师：本网记者</p>
										 <p>2017-08-12 23:44:53</p>	 
										 <p>
										 	<span class="videofee">免费</span>
											<span style="float: right;">
												<span class="like">&nbsp;&nbsp;&nbsp;2</span>
												<img class="like" style="width:30px;display: block;padding-top: 3px" src="<c:url value='/images/we/cloudSharing/eyes.png'/>" />								
											</span>							
										 </p>
									</div>
								</div>
							</a>
							
							<a href="<c:url value='/we/videoDetail' />">
								<div class="weui-flex videodescription">
									<div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
										<img style="width:100%;display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />  
									</div>										
									<div class="weui-flex__item" style="flex-grow:2">
										 <p class="videotitle">趣味科普2</p>
										 <p>导师：本网记者</p>
										 <p>2017-08-12 23:44:53</p>	 
										 <p>
										 	<span class="videofee">免费</span>
											<span style="float: right;">
												<span class="like">&nbsp;&nbsp;&nbsp;2</span>
												<img class="like" style="width:30px;display: block;padding-top: 3px" src="<c:url value='/images/we/cloudSharing/eyes.png'/>" />								
											</span>							
										 </p>
									</div>
								</div>
							</a>
							<div>
				  				<a class="weui-cell weui-cell_access" href="<c:url value='/we/morevideo' />"><!-- href="<c:url value='/we/morevideo' />" -->
				    				<div class="weui-cell__bd">
				      					<p>更多</p>
				    				</div>
				    				<div class="weui-cell__ft">
				    				</div>
				  				</a>
							</div>						
						</div>
					</div>
					
					<div style="width:100%;height:20px;background-color: #ebebeb;margin-top: 10px;"></div>
<!-- 热门视频 -->						
					<div>
						<div style="text-align: center;">
							<span style="width:8rem;display: inline-block;font-size: 1.0rem;font-weight: 800;border-bottom: 0.08rem solid #ea693f;color:#ea693f;letter-spacing: 0.2rem;padding-top: 0.3rem;">热门视频</span>
						</div>
						<div>									
							<a href="<c:url value='/we/videoDetail' />">
								<div class="weui-flex videodescription">
									<div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
										<img style="width:100%;display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />  
									</div>										
									<div class="weui-flex__item" style="flex-grow:2">
										 <p class="videotitle">趣味科普1</p>
										 <p>导师：本网记者</p>
										 <p>2017-08-12 23:44:53</p>	 
										 <p>
										 	<span class="videofee">免费</span>
											<span style="float: right;">
												<span class="like">&nbsp;&nbsp;&nbsp;2</span>
												<img class="like" style="width:30px;display: block;padding-top: 3px" src="<c:url value='/images/we/cloudSharing/eyes.png'/>" />								
											</span>							
										 </p>
									</div>
								</div>
							</a>
							
							<a href="<c:url value='/we/videoDetail' />">
								<div class="weui-flex videodescription">
									<div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
										<img style="width:100%;display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />  
									</div>										
									<div class="weui-flex__item" style="flex-grow:2">
										 <p class="videotitle">趣味科普2</p>
										 <p>导师：本网记者</p>
										 <p>2017-08-12 23:44:53</p>	 
										 <p>
										 	<span class="videofee">免费</span>
											<span style="float: right;">
												<span class="like">&nbsp;&nbsp;&nbsp;2</span>
												<img class="like" style="width:30px;display: block;padding-top: 3px" src="<c:url value='/images/we/cloudSharing/eyes.png'/>" />								
											</span>							
										 </p>
									</div>
								</div>
							</a>
							<div>
				  				<a class="weui-cell weui-cell_access" href="<c:url value='/we/morevideo' />">
				    				<div class="weui-cell__bd">
				      					<p>更多</p>
				    				</div>
				    				<div class="weui-cell__ft">
				    				</div>
				  				</a>
							</div>						
						</div>
					</div>
				</div>
<!-- ------------------------------------------预告 ------------------------------------>				
				<div id="tab4" class="weui-tab__bd-item">
<!-- 预告教程 -->	
					<div>
						<div style="text-align: center;">
							<span style="width:8rem;display: inline-block;font-size: 1.0rem;font-weight: 800;border-bottom: 0.08rem solid #ea693f;color:#ea693f;letter-spacing: 0.2rem;padding-top: 0.3rem;">预告教程</span>
						</div>
						<div>									
							<a href="<c:url value='/we/videoDetail' />">
								<div class="weui-flex videodescription">
									<div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
										<img style="width:100%;display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />  
									</div>										
									<div class="weui-flex__item" style="flex-grow:2">
										 <p class="videotitle">趣味科普1</p>
										 <p>导师：本网记者</p>
										 <p>2017-08-12 23:44:53</p>	 
										 <p>
										 	<span class="videofee">免费</span>
											<span style="float: right;">
												<span class="like">&nbsp;&nbsp;&nbsp;2</span>
												<img class="like" style="width:30px;display: block;padding-top: 3px" src="<c:url value='/images/we/cloudSharing/eyes.png'/>" />								
											</span>							
										 </p>
									</div>
								</div>
							</a>
							
							<a href="<c:url value='/we/videoDetail' />">
								<div class="weui-flex videodescription">
									<div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
										<img style="width:100%;display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />  
									</div>										
									<div class="weui-flex__item" style="flex-grow:2">
										 <p class="videotitle">趣味科普2</p>
										 <p>导师：本网记者</p>
										 <p>2017-08-12 23:44:53</p>	 
										 <p>
										 	<span class="videofee">免费</span>
											<span style="float: right;">
												<span class="like">&nbsp;&nbsp;&nbsp;2</span>
												<img class="like" style="width:30px;display: block;padding-top: 3px" src="<c:url value='/images/we/cloudSharing/eyes.png'/>" />								
											</span>							
										 </p>
									</div>
								</div>
							</a>
							<div>
				  				<a class="weui-cell weui-cell_access" href="<c:url value='/we/morevideo' />">
				    				<div class="weui-cell__bd">
				      					<p>更多</p>
				    				</div>
				    				<div class="weui-cell__ft">
				    				</div>
				  				</a>
							</div>						
						</div>
					</div>
					
					<div style="width:100%;height:20px;background-color: #ebebeb;margin-top: 10px;"></div>
<!-- 热门教程 -->					
					<div>
						<div style="text-align: center;">
							<span style="width:8rem;display: inline-block;font-size: 1.0rem;font-weight: 800;border-bottom: 0.08rem solid #ea693f;color:#ea693f;letter-spacing: 0.2rem;padding-top: 0.3rem;">热门教程</span>
						</div>
						<div>									
							<a href="<c:url value='/we/videoDetail' />">
								<div class="weui-flex videodescription">
									<div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
										<img style="width:100%;display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />  
									</div>										
									<div class="weui-flex__item" style="flex-grow:2">
										 <p class="videotitle">趣味科普1</p>
										 <p>导师：本网记者</p>
										 <p>2017-08-12 23:44:53</p>	 
										 <p>
										 	<span class="videofee">免费</span>
											<span style="float: right;">
												<span class="like">&nbsp;&nbsp;&nbsp;2</span>
												<img class="like" style="width:30px;display: block;padding-top: 3px" src="<c:url value='/images/we/cloudSharing/eyes.png'/>" />								
											</span>							
										 </p>
									</div>
								</div>
							</a>
							
							<a href="<c:url value='/we/videoDetail' />">
								<div class="weui-flex videodescription">
									<div class="weui-flex__item " style="flex-grow:1;justify-content: center;align-items:center; " id="test">
										<img style="width:100%;display: block;" src="<c:url value='/images/we/index/WechatIMG8.jpeg' />" />  
									</div>										
									<div class="weui-flex__item" style="flex-grow:2">
										 <p class="videotitle">趣味科普2</p>
										 <p>导师：本网记者</p>
										 <p>2017-08-12 23:44:53</p>	 
										 <p>
										 	<span class="videofee">免费</span>
											<span style="float: right;">
												<span class="like">&nbsp;&nbsp;&nbsp;2</span>
												<img class="like" style="width:30px;display: block;padding-top: 3px" src="<c:url value='/images/we/cloudSharing/eyes.png'/>" />								
											</span>							
										 </p>
									</div>
								</div>
							</a>
							<div>
				  				<a class="weui-cell weui-cell_access" href="<c:url value='/we/morevideo' />">
				    				<div class="weui-cell__bd">
				      					<p>更多</p>
				    				</div>
				    				<div class="weui-cell__ft">
				    				</div>
				  				</a>
							</div>						
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>




<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>
<script src="<c:url value='/plugins/jqweui/js/swiper.min.js'/>" type="text/javascript"></script>

<script type="text/javascript">
$(function(){
	$(".swiper-container").swiper({
		pagination: '.swiper-pagination',
	    paginationClickable: true,
		autoplay:10000
	});
});
$(function(){
	$(".grid-button").click(function(){
		$(this).children().addClass("color-blue");
		$(this).siblings().children().removeClass("color-blue");
	});
});	
</script>


<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>